

@color1: #eb702a; // 常态颜色
@color2: #ed7834; // hover
@color3: #d65e18; // active
@color4: rgb(243, 165, 113); //disable
@color5: #ffd0b4; // disable border
@color6: #fffaf7; // 虚button 背景色

@white: #fff;
@header-bgc: #F7F6F4; // 头部导航栏 侧边导航栏背景
@hover-bgc: #F6E8E0; // 菜单 hover 项背景色

@border: 1px solid #dcdfe6;
@border-hover: 1px solid #c0c4cc;

.flex-center {
  display: flex;
  justify-content: center;
}

.cancel {
  font-size: 14px;
  font-weight: 500;
  padding: 0 15px;
  line-height: 2rem;
  border: 1px solid @color1;
  border-radius: 4px;
  color: @color2;
  outline: none;
  background-color: @color6;
  &:hover{
    background-color: @color2;
    color: @white;
  }
}

.no-content {
  font-size: 1rem;
  text-align: center;
  margin: 2rem;
}

.confirm {
  font-size: 14px;
  padding: 0 15px;
  line-height: 2rem;
  border: 1px solid @color1;
  border-radius: 4px;
  color: #fff;
  outline: none;
  background-color: @color1;
  &:hover{
    background-color: @color2;
    color: @white;
  }
}

.element_cancel-button {
  &:hover {
    background-color: @color6!important;
    border-color: @color2!important;
    color: @color2!important;
  }
}
.element_confirm-button {
  background-color: @color1!important;
  border-color: @color1!important;
  &:hover {
    background-color: @color2!important;
    border-color: @color2!important;
  }
}